html, body {
  width: 100%;
  height: 100%;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 16px;
  font-family: PingFangSC, PingFangSC-Medium;
}

a {
  text-decoration: none;
}

textarea {
  resize: none;
}

//flex 样式
@mixin flex {
  display: flex;
}

@mixin alignCenter {
  align-items: center;
}

.flex-center {
  @include flex;
  @include alignCenter;
  justify-content: center;
}

//轴线默认为竖直方向
.flex-column {
  @include flex;
  flex-direction: column;
}

//首部排列
.flex-start {
  @include flex;
  justify-content: flex-start;
  @include alignCenter;
}

//尾部排列
.flex-end {
  @include flex;
  justify-content: flex-end;
  @include alignCenter;
}

// 水平垂直居中
.flex-center {
  @include flex;
  justify-content: center;
  @include alignCenter;
}

//两端对齐
.flex-between {
  @include flex;
  justify-content: space-between;
  @include alignCenter;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

// 清除浮动
.clearfix::before,
.clearfix::after {
  display: table;
  content: '';
}

.clearfix::after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

// 清除列表小圆点
ul, ol {
  list-style: none;
}

// 鼠标小手
.cp {
  cursor: pointer;
}

// 鼠标禁用
.na {
  cursor: not-allowed;
}

// 清除选中框
input, textarea, button {
  outline: none;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  -khtml-user-select: text;
  user-select: text;
}

//input {
//  box-shadow: inset 0 0 0 1000px #fff!important;
//}

// 设置placeholder颜色
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* 使用webkit内核的浏览器 */
  color: #9EAAC4;
}

input:-moz-placeholder, textarea::-moz-placeholder { /* Firefox版本4-18 */
  color: #9EAAC4;
}

input:-ms-input-placeholder, textarea::-ms-input-placeholder { /* IE浏览器 */
  color: #9EAAC4;
}

.height_100 {
  height: 100%;
}

.width_100 {
  width: 100%;
}
.mb20{
  margin-bottom: 20px;
}

//按钮样式
@mixin defaultWidth {
  height: 40px;
  width: 112px;
  line-height: 40px;
}

@mixin secondWidth {
  width: 136px;
  height: 40px;
  line-height: 40px;
}

@mixin dialogBtnStyle {
  border-radius: 2px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  text-align: center;
  margin-left: 12px;
  cursor: pointer;
  &:hover {
    opacity: 0.8;
  }
}

//一级按钮
@mixin dialogBtnStyle1 {
  @include dialogBtnStyle;
  @include defaultWidth
}

.btn-blue {
  @include dialogBtnStyle1;
  background: linear-gradient(225deg, #4750EC 0%, #6971FE 100%);
  color: #FFFFFF;
}

.btn-white {
  @include dialogBtnStyle1;
  border: 1px solid #8D99B0;
  background: #FFFFFF;
  color: #5F7196;
}
.btn-white-2 {
  @include dialogBtnStyle1;
  border: 1px solid #d8dee9;
  background: #FFFFFF;
  color: #304EEC;
}

.btn-red {
  @include dialogBtnStyle1;
  background: #FF2929;
  color: #FFFFFF;
}

.btn-red-2 {
  @include dialogBtnStyle1;
  background-color: #fff;
  border: 1px solid #FF3E6D;
  color: #FF3E6D;
}

//二级按钮
@mixin dialogBtnStyle2 {
  @include dialogBtnStyle;
  @include defaultWidth
}

.btn-blue2 {
  @include dialogBtnStyle2;
  background: linear-gradient(225deg, #4750EC 0%, #6971FE 100%);
  color: #FFFFFF;
}

.btn-white2 {
  @include dialogBtnStyle2;
  border: 1px solid #d8dee9;
  background: #FFFFFF;
  color: #5F7196;
}


.btn-red2 {
  @include dialogBtnStyle2;
  background: #FF2929;
  color: #FFFFFF;
}
//滚动条样式
.self_scroll{
  overflow: auto;
  &::-webkit-scrollbar {
    width: 3px;
  }
  &::-webkit-scrollbar-thumb {
    background-color: #d8dee9;
    border-radius: 2px;
  }
}

// 单行溢出
.singleWrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

// 必填项*号
.necessity{
  &::before{
    content: '*';
    color: #304EEC;
    font-size: 14px;
  }
}